<template>
<div id="app">
    <router-link to="/">Go to Home!</router-link>
    <router-link to="/about">Go to About!</router-link>
    <router-view></router-view>
</div>
</template>

<script>

const Home = { template: '<div>Home</div>' }
const About = { template: '<div>About</div>' }

const routes = [
  { path: '/', component: Home },
  { path: '/about', component: About },
]

const router = VueRouter.createRouter({
    history: VueRouter.createWebHashHistory(),
    routes, 
})

const app = Vue.createApp({})

app.use(router)
 
app.mount('#app')
 
</script>